<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>时间微调</title>
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.servletContext.contextPath}/jquery-easyui/themes/icon.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<input class="easyui-timespinner">
<input id="timespinner">
<script type="text/javascript">
$(function () {
  $("#timespinner").timespinner({
    //默认值
    value: '08:00:00',
    //小时、分钟和秒之间的分隔符，默认值为“:”
    //separator: '.',
    //初始选中的字段。0=小时，1=分钟。默认值为0
    highlight: 1,
    //是否显示秒钟信息
    showSeconds: true
  })
})
</script>
</body>
</html>